<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<svg xmlns="http://www.w3.org/2000/svg" width="400px" height="200px">
			<rect x="0" y="0" width="400" height="200" stroke="black" stroke-width="1"></rect>
			<circle cx="0" cy="100" r="30" fill="blue" stroke="black" stroke-width="1">
				<animate attributeName="cx" from="0" to="100" dur="5s" repeatCount="indefinite"></animate>
			</circle>
			<circle cx="0" cy="100" r="30" fill="red" stroke="black" stroke-width="1">
				<animate attributeName="cx" from="200" to="0" dur="5s" repeatCount="indefinite"></animate>
			</circle>
		</svg>
	</body>
</html>
